.ml-7 {
    margin-left: 0.44rem;
}
.ml-5 {
    margin-left: 0.31rem;
}
.mt-112 {
    margin-top: 7rem;
}
.ml-3 {
    margin-left: 0.19rem;
}
.mt-23 {
    margin-top: 1.44rem;
}
.mt-148 {
    margin-top: 9.25rem;
}
.mt-9 {
    margin-top: 0.56rem;
}
.ml-29 {
    margin-left: 1.81rem;
}
.ml-73 {
    margin-left: 4.56rem;
}
.ml-110 {
    margin-left: 6.88rem;
}
.ml-95 {
    margin-left: 5.94rem;
}
.ml-123 {
    margin-left: 7.69rem;
}
.page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}
.group {
    height: 84.63rem;
}
.section {
    padding: 0 8.13rem;
    background-image: url('https://ide.code.fun/api/image?token=67b80ab84ae84d001226b698&name=738a34571e6064e88a2c2c88828643a2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.group_2 {
    padding: 1.63rem 0 1.38rem;
}
.image {
    width: 8rem;
    height: 2.25rem;
}
.font {
    font-size: 1.13rem;
    font-family: Microsoft YaHei;
    line-height: 1.13rem;
    color: #ffffff;
}
.text {
    font-size: 1.06rem;
}
.text_2 {
    font-size: 1.06rem;
}
.text_3 {
    color: #009cff;
    font-size: 1.06rem;
}
.text_4 {
    font-size: 1.06rem;
}
.text_5 {
    font-size: 1.06rem;
}
.text_6 {
    font-size: 1.06rem;
}
.image_2 {
    margin-right: 3.13rem;
    border-radius: 1rem;
    width: 12.31rem;
    height: 2.19rem;
}
.section_2 {
    margin-left: 39.38rem;
    background-color: #009cff;
    width: 7.38rem;
    height: 0.31rem;
}
.image-wrapper {
    padding: 11.75rem 0;
    background-image: url('https://ide.code.fun/api/image?token=67b80ab84ae84d001226b698&name=f6131e89e54e50cde6bb5eafe02bd82f.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.image_3 {
    margin-left: 22.63rem;
    width: 31.81rem;
    height: 5.19rem;
}
.group_3 {
    margin-top: -3.69rem;
    padding: 0 19.5rem;
}
.section_3 {
    margin: 0 3.06rem;
    padding: 1.13rem 0;
    background-color: #ffffff;
    box-shadow: 0rem 0.19rem 0.57rem 0.05rem #23181526;
    border-radius: 0.63rem;
}
.equal-division {
    padding: 0 1.81rem;
}
.group_4 {
    flex: 1 1 23.69rem;
}
.equal-division-item {
    padding: 0.88rem 2.75rem;
}
.image_4 {
    width: 3.49rem;
    height: 3.5rem;
}
.font_2 {
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    line-height: 1.5rem;
    color: #454545;
}
.font_3 {
    font-size: 1.13rem;
    font-family: Source Han Sans CN;
    line-height: 1.13rem;
    color: #8a8a8a;
}
.section_4 {
    margin: 0.63rem 0;
}
.horiz-divider {
    background-color: #8a8a8a;
    border-radius: 0.031rem;
    width: 0.063rem;
    height: 3.94rem;
}
.group_5 {
    height: 39.75rem;
}
.text-wrapper {
    padding: 0.75rem 0 1.75rem;
    border-radius: 0.56rem 0rem 0rem 0.56rem;
    background-image: url('https://ide.code.fun/api/image?token=67b80ab84ae84d001226b698&name=a6c21df1b6fe1fb6bdadd57a26a6468a.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 12.38rem;
    height: 3.63rem;
}
.font_4 {
    font-size: 1.13rem;
    font-family: Source Han Sans CN;
    line-height: 1.13rem;
    font-weight: 500;
    color: #ffffff;
}
.text-wrapper_2 {
    padding: 0.75rem 0 1.75rem;
    border-radius: 0.56rem 0rem 0rem 0.56rem;
    background-image: url('https://ide.code.fun/api/image?token=67b80ab84ae84d001226b698&name=aada6c3d3c25e5038b69329ae975fabb.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 12.5rem;
    height: 3.63rem;
}
.font_5 {
    font-size: 1.13rem;
    font-family: Source Han Sans CN;
    line-height: 1.13rem;
    font-weight: 500;
    color: #454545;
}
.text-wrapper_3 {
    padding: 0.75rem 0 1.75rem;
    border-radius: 0.56rem 0rem 0rem 0.56rem;
    background-image: url('https://ide.code.fun/api/image?token=67b80ab84ae84d001226b698&name=a86af500fe1936ef43e9a3c14847606b.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 12.5rem;
    height: 3.63rem;
}
.group_6 {
    margin-top: -0.81rem;
}
.section_5 {
    padding-bottom: 9.06rem;
    background-image: url('https://ide.code.fun/api/image?token=67b80ab84ae84d001226b698&name=3b5d7e0193f2d2a076f7c03cb8d4d346.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 19.31rem;
    height: 36.94rem;
}
.text-wrapper_4 {
    padding: 2.94rem 0 2.25rem;
    background-color: #727272;
    border-radius: 0.63rem 0.63rem 0rem 0rem;
    width: 19.38rem;
}
.text_7 {
    margin-left: 3.56rem;
}
.font_6 {
    font-size: 1.13rem;
    font-family: Source Han Sans CN;
    line-height: 1.13rem;
    color: #454545;
}
.divider {
    background-color: #e5e5e5;
    width: 16rem;
    height: 0.063rem;
}
.text_10 {
    margin-left: 3.56rem;
}
.group_9 {
    padding-left: 1.75rem;
    padding-right: 1.44rem;
    border-left: solid 0.13rem #0d6fb8;
}
.divider_2 {
    background-color: #e5e5e5;
    height: 0.13rem;
}
.text_11 {
    margin-left: 3.56rem;
}
.divider_3 {
    background-color: #e5e5e5;
    width: 16rem;
    height: 0.13rem;
}
.section_6 {
    padding: 9.06rem 5.5rem 10.06rem;
    background-image: url('https://ide.code.fun/api/image?token=67b80ab84ae84d001226b698&name=48f19526f8d6d704ac83e85a1490ab74.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 36.94rem;
}
.text_8 {
    font-size: 1.44rem;
    font-weight: 500;
    line-height: 1.44rem;
}
.group_7 {
    width: 28.47rem;
}
.group_8 {
    line-height: 1.88rem;
}
.text_9 {
    font-size: 1.06rem;
    line-height: 3.13rem;
}
.text_12 {
    font-size: 1.06rem;
    line-height: 1.88rem;
}
.text-wrapper_5 {
    padding: 0.75rem 0;
    background-color: #ffffffcc;
    border-radius: 0.31rem;
}
.text_13 {
    margin-left: 0.75rem;
    margin-right: 0.56rem;
    color: #009cff;
}
.section_7 {
    padding: 2.88rem 1.88rem 0 19.38rem;
    background-color: #1a1c1e;
}
.section_8 {
    background-color: #525457;
    width: 81.56rem;
    height: 0.19rem;
    border-left: solid 0.019rem #525457;
    border-right: solid 0.019rem #525457;
    border-top: solid 0.019rem #525457;
    border-bottom: solid 0.019rem #525457;
}
.group_10 {
    padding: 4.75rem 2.25rem;
}
.font_7 {
    font-size: 0.88rem;
    font-family: Source Han Sans CN;
    line-height: 0.88rem;
    color: #ffffff;
}
.font_8 {
    font-size: 0.75rem;
    font-family: Source Han Sans CN;
    line-height: 0.75rem;
    color: #c3c7cd;
}
.text_14 {
    margin-top: 1.25rem;
}
.text_19 {
    margin-top: 0.94rem;
}
.text_24 {
    margin-top: 0.88rem;
}
.image_5 {
    width: 0.19rem;
    height: 9.56rem;
}
.text_15 {
    margin-top: 1.25rem;
}
.text_20 {
    margin-top: 0.94rem;
}
.text_25 {
    margin-top: 0.88rem;
}
.text_28 {
    margin-top: 0.88rem;
}
.text_16 {
    margin-top: 1.25rem;
}
.text_21 {
    margin-top: 0.94rem;
}
.text_26 {
    margin-top: 0.88rem;
}
.text_29 {
    margin-top: 0.88rem;
}
.text_31 {
    margin-top: 0.94rem;
}
.text_17 {
    margin-top: 1.25rem;
}
.text_22 {
    margin-top: 0.94rem;
}
.text_27 {
    margin-top: 0.88rem;
}
.text_30 {
    margin-top: 0.88rem;
}
.text_32 {
    margin-top: 0.94rem;
}
.text_18 {
    margin-top: 1.25rem;
}
.text_23 {
    margin-top: 0.94rem;
}
.image_6 {
    width: 4.81rem;
    height: 4.81rem;
}
.group_11 {
    padding-bottom: 1.31rem;
}
.group_12 {
    padding-top: 1.56rem;
    width: 81.5rem;
    border-top: solid 0.13rem #525457;
}
.text_33 {
    margin-left: 28.69rem;
}
.image_7 {
    filter: drop-shadow(0rem 0.063rem 0.81rem #0000002e);
    width: 2.63rem;
    height: 2.5rem;
}